﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <script type="text/javascript" src="js/jquery-1.8.2.js"></script>
        <script type="text/javascript" src="js/jquery-ui.js"></script>
        <script type="text/javascript" src="js/jquery.cookie.js"></script>
        <link rel="stylesheet" type="text/css" href="css/jquery-ui.css" />
        <link rel="stylesheet" type="text/css" href="themes/ui-darkness/jquery-ui.css" />

        <link href="css/style.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="js/login.js"></script>
    </head>

<div id="body">
    <body>
        <div id = "container">
            <div id = "header">
                <div id="login-register-box">
                    <div id="login-box">
                        <input type="button" id ="loginButton" value="Login" />
                    </div>
                    <div id="register-box">
                        <input type="button" id="registerButton" value="Register"/>
                    </div>
                </div>
            </div> 
        </div>
            
        <div id="login-dialog" title="Login">
            <p class ="validateTips">All form fields are required.</p>
            <form method="POST">
                <fieldset>
                    <label for="loginId">User Name</label>
                    <input type="text" name="loginId" id="loginId" class="text ui-widget-content ui-corner-all"/>
                    <label for="loginPassword">Password</label>
                    <input type="password" name="loginPassword" id="loginPassword" value="" class="text ui-widget-content ui-corner-all"/>
                </fieldset>
            </form>
        </div>
        
        <div id="register-dialog" title="Register">
            <p class ="validateTips">All form fields are required.</p>
            <form>
                <fieldset>
                    <label for="registerId">User Name</label>
                    <input type="text" name="registerId" id="registerId" class="text ui-widget-content ui-corner-all"/>

                    <label for="registerPassword">Password</label>
                    <input type="password" name="registerPassword" id="registerPassword" value="" class="text ui-widget-content ui-corner-all"/>

                    <label for="registerPasswordConfirm">Password Confirm</label>
                    <input type="password" name="registerPasswordConfirm" id="registerPasswordConfirm" value="" class="text ui-widget-content ui-corner-all"/>

                    <label for="registerName">Full Name</label>
                    <input type="text" name="registerName" id="registerName" class="text ui-widget-content ui-corner-all"/>
                    
                    <label for="registerSex">Sex</label>
                    <input type="radio" name="registerSex" value="male" checked="checked">Male
                    <input type="radio" name="registerSex" value="female">Female

                </fieldset>
            </form>
        </div>
    </body>
</div>

</html>
